<style>

.footTop{
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0 auto;
    border-bottom: solid 2px #aaa;
    align-items: center;
    height: 300px;
}
.footTop .list{
    display: flex;
    width: 500px;
    justify-content: space-between;
    font-size: 14px;
}
.footTop .list dt{
    margin-bottom: 20px;
    color: #333;
}
.footTop .list dd{
    line-height: 30px;
    color: #999;
}
.footTop .tel{
    text-align: right;
}
.footTop .tel p:nth-child(1){
    color: #5079d9;
    font-size: 18px;
    line-height: 30px;
}
.footTop .tel p:nth-child(2){
    color: #999;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
}
.footTop .tel p:nth-child(3){
    border-radius: 6px;
    border: solid 1px #999;
    width: 100px;
    height: 30px;line-height: 30px;
    text-align: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
}
.footBottom{
    width: 1100px;
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 14px;
}
.footBottom a{
    color: #999;
    text-decoration: none;
}

</style>
<div class="footTop">
    <div class="list">
        <dl>
            <dt>订单服务</dt>
            <dd>购买指南</dd>
            <dd>送货政策</dd>
        </dl>
        <dl>
            <dt>关注我们</dt>
            <dd>荣誉奖项</dd>
        </dl>
        <dl>
            <dt>媒体中心</dt>
            <dd>官方视频</dd>
            <dd>图片资源</dd>
        </dl>
        <dl>
            <dt>服务支持</dt>
            <dd>自助服务</dd>
            <dd>维修门店</dd>
        </dl>
    </div>
    <div class="tel">
        <p>400 - 603 - 5000</p>
        <p>周一到周日 9:00 - 18:00<br>(仅收市话费)</p>
        <p>在线帮助</p>
    </div>
</div>
<div class="footBottom">
    <p>
        Copyright © 2020 <a href="www.smartisan.com">smartisan.com</a> 版权所有 锤子商城 隐私政策 锤子商城用户协议 资质证照<br>
        <a href="">京 ICP 备 19048576 号</a> - 1京公网安备 11010502039854号京食药网食备 202010031
    </p>
</div>